﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery Select下拉框美化特效</title>
<link href="css/select.css" rel="stylesheet" />
<link href="css/jquery.mCustomScrollbar.min.css" rel="stylesheet" />
</head>
<body>
<div class="vertical">
<select id="mySelect">
	<option value="1">成功1</option>
	<option value="2">成功2</option>
	<option value="3" selected="selected">成功3</option>
	<option value="4">成功4</option>
	<option value="5">失败5</option>
	<option value="6">失败6</option>
	<option value="7">失败7</option>
	<option value="8">失败8</option>
	<option value="9">失败9</option>
	<option value="10">失败10</option>
	<option value="11">失败11</option>
	<option value="12">失败12</option>
</select>
</div>
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/jquery.select.js"></script>
<script type="text/javascript">
	$(function () {
		$("#mySelect").select({
			width: "200px"
		});  
	});
</script>
</body>
</html>

